﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<VietThuongLMS.ViewModels.ChiNhanhViewModel>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <div class="wrap_headline">
        <div class="headline">
            <h1>
                <%=Resources.Global.danh_sach_chi_nhanh%></h1>
        </div>
    </div>
    <div class="wrap_cont_nav">
        <div class="cont_nav">
            <a href='<%=ResolveUrl("~/")%>'><%=Resources.Global.trang_chu%></a>&nbsp;/&nbsp;<%=Resources.Global.chi_nhanh%>
        </div>
    </div>
    <div class="container">
        <section id="middle">
					<div class="middle_inner">
    <section id="middle_content">
							<div class="entry">
								<div class="tour_content">
									<ul class="tour">
                                    <% 
                                        int i = 1;
                                        if (@Model != null && @Model.List.Count > 0)
                                        {
                                            foreach (VietThuongLMS.ChiNhanh @ChiNhanh in @Model.List)
                                            {%>
										<li <%if(i==1){ %> class="current"<%} i++; %>>
											<a href="#">
												<%=@ChiNhanh.TenChiNhanh%>
											</a>
										</li>
                                        <%} %>
									</ul>

                                    <% int c = 1;
                                        foreach (VietThuongLMS.ChiNhanh @ChiNhanh in @Model.List)
                                      {%>
									<div class="tour_box" style="border-top:0px;<%if(i==1){ %>display:block;<%} i++; %>" >
										<div class="tour_box_inner" style="padding-top:0px">
                                            <div style="width: 800px; height: 300px;">
											    <figure class="alignleft" style="margin-top:0px">
												    <%--<img src="<%=ResolveUrl("~/Images/ChiNhanh/")%><%=@ChiNhanh.UrlAvatar%>" width="260px" alt="" />--%>
                                                    <img id="mainImg<%=c%>" src="<%=ResolveUrl("~/Images/ChiNhanh/")%><%=@ChiNhanh.UrlAvatar%>" width="480px" style="border:1px solid #CCCCCC; margin-left:50px;max-height:320px" />
                                                </figure>
                                                <ul style="float: left">
                                                    <% if(@ChiNhanh.UrlAvatar != null && @ChiNhanh.UrlAvatar != "") { %>
                                                        <li style="display:inline">
                                                            <a onclick="ChangeImage('mainImg<%=c%>', '<%=ResolveUrl("~/Images/ChiNhanh/")%><%=@ChiNhanh.UrlAvatar%>')">
                                                            <img src="<%=ResolveUrl("~/Images/ChiNhanh/")%><%=@ChiNhanh.UrlAvatar%>" width="80px" style="border:1px solid #CCCCCC; margin-left:10px;max-height:55px;margin-bottom:10px" />
                                                            </a>
                                                        </li>
                                                    <%} %>
                                                    <% if(@ChiNhanh.UrlAvatar2 != null && @ChiNhanh.UrlAvatar2 != "") { %>
                                                        <li style="display:inline">
                                                            <a onclick="ChangeImage('mainImg<%=c%>', '<%=ResolveUrl("~/Images/ChiNhanh/")%><%=@ChiNhanh.UrlAvatar2%>')">
                                                            <img src="<%=ResolveUrl("~/Images/ChiNhanh/")%><%=@ChiNhanh.UrlAvatar2%>" width="80px" style="border:1px solid #CCCCCC; margin-left:10px;max-height:55px;margin-bottom:10px" />
                                                            </a>
                                                        </li>
                                                    <%} %>
                                                    <% if(@ChiNhanh.UrlAvatar3 != null && @ChiNhanh.UrlAvatar3 != "") { %>
                                                        <li style="display:inline">
                                                            <a onclick="ChangeImage('mainImg<%=c%>', '<%=ResolveUrl("~/Images/ChiNhanh/")%><%=@ChiNhanh.UrlAvatar3%>')">
                                                            <img src="<%=ResolveUrl("~/Images/ChiNhanh/")%><%=@ChiNhanh.UrlAvatar3%>" width="80px" style="border:1px solid #CCCCCC; margin-left:10px;max-height:55px;margin-bottom:10px" />
                                                            </a>
                                                        </li>
                                                    <%} %>
                                                    <% if(@ChiNhanh.UrlAvatar4 != null && @ChiNhanh.UrlAvatar4 != "") { %>
                                                        <li style="display:inline">
                                                            <a onclick="ChangeImage('mainImg<%=c%>', '<%=ResolveUrl("~/Images/ChiNhanh/")%><%=@ChiNhanh.UrlAvatar4%>')">
                                                            <img src="<%=ResolveUrl("~/Images/ChiNhanh/")%><%=@ChiNhanh.UrlAvatar4%>" width="80px" style="border:1px solid #CCCCCC; margin-left:10px;max-height:55px;margin-bottom:10px" />
                                                            </a>
                                                        </li>
                                                    <%} %>
                                                    <% if(@ChiNhanh.UrlAvatar5 != null && @ChiNhanh.UrlAvatar5 != "") { %>
                                                        <li style="display:inline">
                                                            <a onclick="ChangeImage('mainImg<%=c%>', '<%=ResolveUrl("~/Images/ChiNhanh/")%><%=@ChiNhanh.UrlAvatar5%>')">
                                                            <img src="<%=ResolveUrl("~/Images/ChiNhanh/")%><%=@ChiNhanh.UrlAvatar5%>" width="80px" style="border:1px solid #CCCCCC; margin-left:10px;max-height:55px;margin-bottom:10px" />
                                                            </a>
                                                        </li>
                                                    <%} %>
                                                </ul>
                                            </div>
                                            <div style="clear:both"></div>
                                            <div>
											<h3><%=@ChiNhanh.TenChiNhanh %></h3>
											<p><%=@ChiNhanh.MoTa %></p>
                                            <p><%=@ChiNhanh.DiaChi %></p>
                                            </div>
										</div>
									</div>
                                    <%--<img src="<%=ResolveUrl("~/Images/ChiNhanh/")%>Tulips.jpg" width="480px" style="border:1px solid #CCCCCC; margin-left:100px;max-height:320px" />--%>
									<%  c++;
                                      }
                                        }%>
								</div>
							</div>
						</section>
<!-- __________________________________________________ Finish Sidebar -->	
						
					</div>
				</section>
                <script type="text/javascript">
                    function ChangeImage(id, img) {
                        document.getElementById(id).src = img;
                    }
                </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
<title><%=Resources.Global.title%> - <%=Resources.Global.chi_nhanh%></title>
</asp:Content>
